@include theme {
    .demo-checkbox {
        .demo-checkbox-row {
            & > * {
                margin-right: 1em;
            }
        }

        .demo-checkbox-custom-item {
            display: inline-flex;
            height: 80px;
            width: 80px;
            border-radius: 4px;
            border: solid 1px #f1f1f1;
            align-items: center;
            justify-content: center;
            background-color: #f1f1f1;
            cursor: pointer;
            user-select: none;
            transition: all 300ms $transition;

            &.demo-checkbox-custom-item-active {
                background-color: $colorPrimary;
                color: white;
            }
        }
    }
}